ul,li
{
    margin:0;
    padding:0;
    list-style:none;
}
.clear
{
    clear:both;
    height:0;
}

.tz-datepicker
{
    width:210px;
    border:solid 1px rgb(136,78,34);
    font-family:"寰蒋闆呴粦";
    font-size:12px;
    position:absolute;
    z-index:999;
    display:none;
    background: #fff;
}
.tz-datepicker .year-month
{
    height:25px;
    text-align:center;
    cursor:pointer;
    margin-top:1px;
}
.tz-datepicker .year-month span
{
    display:inline-block;
    height:25px;
    line-height:25px;
    float:left;

}
.tz-datepicker .year-month span:hover
{
    color:#fff;
    background:rgb(136,78,34);
}
.tz-datepicker .year-month span.active
{
    color:#fff;
    background: rgb(136,78,34);
}

.datesel .span-arrow
{
    width:14px;
    height:14px;
    display:block;
    position:absolute;
    right:10px;
    top:8px;
}
.datesel .span-col
{
    background:url(../../image/content/select-dropdown-arrow.png) no-repeat left top;
}
.datesel .span-ex
{
    background:url(../../image/content/select-dropdown-arrow.png) no-repeat left top -14px;
}


.year-month .left
{
    width:25px;
    margin-left:2px;
}
.year-month .month
{
    width:74px;
    margin-left:1px;
    position:relative;
}
.year-month .month span
{
    width:74px;
    position:relative;
}
.year-month .year
{
    width:74px;
    margin-right:1px;
    position:relative;
}
.year-month .year span
{
    width:74px;
    text-align:center;
}
.year-month .right
{
    width:30px;
}


.year-month .month span , .year-month .year span
{
    background:url(image/up-default.png) no-repeat center right 6px;
}

.year-month .month span:hover , .year-month .year span:hover
{
    background:url(image/up-active.png) rgb(136,78,34) no-repeat center right 6px;
}

.year-month .month span.active , .year-month .year span.active
{
    background:url(image/up-active.png) rgb(136,78,34) no-repeat center right 6px;
}



/* 鏄熸湡 */
.week
{
    height:25px;
    color:#9ea7b3;
}
.week ul
{
    padding:0;
    margin:0;
}
.week ul li
{
    width:30px;
    line-height:25px;
    float:left;
    text-align:center;
}



/* 澶� */
.day
{
    background:#f3f3f3;
}
.day ul
{
    overflow:hidden;
}
.day ul li
{
    height:30px;
    line-height:30px;
    width:30px;
    float:left;
    text-align:center;
    background:#fff;
    margin-top:1px;
    cursor:pointer;
}
.day ul li:hover
{
    background:rgb(136,78,34);
    color:#fff;
}
.day ul li.active
{
    background:rgb(136,78,34);
    color:#fff;
}


/* 鏈� */
.year-month .month .month-list
{
    width:72px;
    border:solid 1px #ccc;
    border-top:none;
    position:absolute;
    top:25px;
    left:0;
    background:#fefefe;
    display:none;
    color:#9ea7b3;
}
.month-list ul li
{
    width:34px;
    float:left;
    height:20px;
    cursor:pointer;
    text-align:center;
    line-height:20px;
    margin:1px;
}
.month-list ul li:hover
{
    background:rgb(136,78,34);
    color:#fff;
}

.month-list ul li.active
{
    background:rgb(136,78,34);
    color:#fff;
}



/* 閫夋嫨骞� */
.year-month .year .year-list
{
    width:72px;
    border:solid 1px #ccc;
    border-top:none;
    position:absolute;
    top:25px;
    left:0;
    background:#fefefe;
    display:none;
    color:#9ea7b3;
}
.year-list ul
{
    overflow:hidden;
}
.year-list ul li
{
    width:34px;
    float:left;
    height:20px;
    cursor:pointer;
    text-align:center;
    line-height:20px;
    margin:1px;
}
.year-list ul li:hover
{
    background:rgb(136,78,34);
    color:#fff;
}

.year-list ul li.active
{
    background:rgb(136,78,34);
    color:#fff;
}

.year-list .year-change
{
    margin-top:3px;
    margin-bottom:3px;
    overflow: hidden;
    height: 18px;
    width: 100%;
}
.year-change span
{
    width:30px !important;
    height:18px !important;
}
.year-change .year-left
{
    margin-left:4px;
    margin-right:4px;
    background:url(image/left-default.png) #fff no-repeat center !important;
}
.year-change .year-left:hover
{
    background:url(image/left-active.png) rgb(136,78,34) no-repeat center !important;
}
.year-change .year-right
{
    background:url(image/right-default.png) #fff no-repeat center !important;
}
.year-change .year-right:hover
{
    background:url(image/right-active.png) rgb(136,78,34) no-repeat center !important;
}

.tz-datepicker .action
{
    height:25px;
    border-top: solid 1px #f3f3f3;
}
.tz-datepicker .action span
{
    height:25px;
    line-height:25px;
    width:70px;
    color:rgb(136,78,34);
    text-align:center;
    cursor:pointer;
    display:inline-block;
}


